diff --git a/packages/components/elements/tooltip/Tooltip.tsx b/packages/components/elements/tooltip/Tooltip.tsx
index 4f96b28a..eb72345e 100644
--- a/packages/components/elements/tooltip/Tooltip.tsx
+++ b/packages/components/elements/tooltip/Tooltip.tsx
@@ -95,8 +95,9 @@ const Tooltip: React.FunctionComponent<TooltipTypes> = ({
           {...contentProps}
           style={{
             ...contentProps?.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
+            maxWidth: "var(--radix-tooltip-content-available-width) !important",
+            maxHeight:
+              "var(--radix-tooltip-content-available-height) !important"
           }}
         >
           {content}
diff --git a/packages/components/package.json b/packages/components/package.json
index f0838875..d539bd9d 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.27.16",
+  "version": "0.27.17",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
diff --git a/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx b/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx
index 1fbf2519..ffdefcc8 100644
--- a/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx
+++ b/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx
@@ -33,8 +33,8 @@ export const Default: Story = {
           ]}
           usernameOptions={{
             label: {
-              hintSide: "right",
-              hint: "Testing a hint",
+              hintSide: "top",
+              hint: "إسم البكلة هو الجزء الأخير من رابط البكلة الخاص بك. مثال: https://puk.la/example",
               required: true
             }
           }}